<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>容器的练习</title>
</head>
<body>
    <!--text-align 让内部元素水平居中-->
    <!--margin: auto 让元素本身水平居中-->
    <!--color 文字颜色-->
    <!--div 和 span 并没有什么特殊意义，只是一个容器-->
    <div style="margin: auto; width: 500px; color: rgb(92, 86, 86);">
        <p style="text-align: center;">
            <span style="background-color:white; font-size: 24px;">学习的动机</span>
        </p>
        <p>
            学习动机是指学生个体内部促使其从事学习活动的驱力。
            学习动机一般表现为<b>强烈的求知愿望，
            对未知世界的好奇心及兴趣，
            认真积极的学习态度</b>等。
            根据不同的特点，
            学习动机也可以分为不同的种类。
        </p>
        <p>
            根据学习动机的内容指向可分为<b>直接学习动机</b>和<b>间接学习动机</b>。
            <span style="color: green;">直接学习动机直接指向学习活动本身，
            是由对学习的直接兴趣以及对学习活动的直接结果的追求所引起的；</span>
            <span style="color: rgb(117, 167, 42);">间接学习动机则是与社会意义相联系的动机，
            是社会要求在学习上的反映。</span>
        </p>
        <p>
            根据学习动机在学习活动中所起作用的不同，
            可将之区分为主导性学习动机和辅助性学习动机。
            <span style="color: green;">主导性学习动机是指一个学生的几种学习动机中起主导作用的学习动机；</span>
            辅助性学习动机则是在几种学习动机中不占主导地位的学习动机。
            辅助性学习动机有的能促进主导性学习动机，
            因而会与主导性学习动机同时并存；
            有的则不能促进主导性学习动机，
            因而会被抑制甚至完全克服掉。
        </p>
        <p>
            根据学习动机的来源，
            又可将之划分为内部动机和外部动机。
            学习的内部动机来源于学生自身的兴趣、爱好等，
            它较为持久，
            且使学习者处于一种<b>主动积极的学习活动状态</b>。
            学习的外部动机则是由外界的诱因所决定的，
            它往往较为短暂，
            被这种学习动机所推动的学习活动也往往处于一种被动状态。
        </p>
    </div>
</body>
</html>